<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ng-if, ng-show, ng-hide</title>
    <script src="../angular.js"></script>
</head>
<body>
    <div ng-app="web" ng-controller="ctrl">
        <!--ng-show 控制显示-->
        显示：<input type="checkbox" ng-model="show" />
        <div ng-show="show">看不见我，看不见我</div><br />

        <!--ng-hide 控制隐藏-->
        隐藏：<input type="checkbox" ng-model="hide" />
        <div ng-hide="hide" >看的见我，看的见我</div>

        <!--ng-if 移除dom节点， ng-show 控制css样式开显示隐藏-->
    </div>
    
<script>
    var mod = angular.module('web', []);
    mod.controller('ctrl', ['$scope', function ($scope) {

    }])
</script>
</body>
</html>